@import "./variables.module.scss";
/* 
var :root 自定义属性 的解释 ................................
https://blog.csdn.net/kfepiza/article/details/136161784

:root ------------------------------------
   :root可以在css中创建全局样式变量。
   通过 :root本身写的样式，相当于 html，但优先级比后者高。

var() ------------------------------------
  定义了自定义属性之后，你可以在CSS的任何地方通过 var() 函数来引用它们
自定义属性   -------------------------------
  自定义属性的名称，名称前必须有两个连字符（--）

sass #{$sideBarWidth}------------------------------
  通过 `#{xxxx}` 插值语句可以在选择器或属性名中使用变量
  https://blog.csdn.net/xiejunlan/article/details/139135239?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-139135239-blog-141427841.235%5Ev43%5Epc_blog_bottom_relevance_base1&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-139135239-blog-141427841.235%5Ev43%5Epc_blog_bottom_relevance_base1&utm_relevant_index=3

*/
:root {
  --sidebar-width: #{$sideBarWidth};
  --navbar-height: #{$navBarHeight};
  --tagsview-height: #{$tagsViewHeight};
  --menu-bg: #{$menuBg};
}

a {
  @apply decoration-none active:(decoration-none) hover:(decoration-none);
}
